.container {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 0px 12.5vw 0px 12.5vw;

    .socialChannelContainer {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        gap: 24px;

        .socialChannelItem {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 12px;

            img {
                width: 48px; // Set the width of the image
                height: 48px; // Set the height of the image
                border-radius: 25%; // This makes the image circular
                object-fit: cover; // This ensures the image covers the space without being distorted
                margin: 12px;
            }

            .text {
                font-size: 18px;
                font-weight: 600;
            }

            .desc {
                text-align: center;
                padding: 0px 24px;
            }

            .linkContainer {
                width: 100%;
                display: flex;
                flex-direction: row;
                gap: 12px;
                justify-content: flex-end;
                padding: 0px 24px;

                .link {
                    display: flex;
                    justify-content: flex-end;
                    text-align: end;
                }
            }
        }
    }
}
